@import 'gongshi.less';
body{
    background: #eee;
	.px2rem(padding-bottom,106);
    
}
.header-wrap{
    .px2rem(height,174);
    
    border-bottom:1px solid #ccc;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
    background: #fff;  
    .header{
        display: flex;
        align-items: center;
        .px2rem(height ,118);
        
        figure{
            .px2rem(width,115);
            text-align: center;
            dl{
                dt{
                    .px2rem(font-size,34);  
                }
                dd{
                    .px2rem(font-size,12);  
                    
                }
            }
        }
        .search-wrap{
            flex: 1;
            background: #efefef;
            .px2rem(margin-left,10);  
            .px2rem(margin-right,10); 
            .px2rem(border-radius,15); 
            .fl-search{
                border: none;
                background: none;
                width: 100%;
                .px2rem(height,68);
                .px2rem(padding-left,20);  
                .px2rem(padding-right,20);
                .px2rem(font-size,20);   
                box-sizing: border-box; 
                }
            ::placeholder{
                text-align: center;
                .px2rem(font-size,20); 
                
            }
        }

        
    }

   
    .nav{
        .px2rem(padding-left,20); 
        .swiper-container {
            width: 100%;
        }
        .swiper-slide {
            text-align: center;
            .px2rem(font-size,20);             
            background: #fff;       
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;  
            .px2rem(padding-top,20);
            
            .px2rem(padding-bottom,10);
            box-sizing: border-box;
            
        }
        .active{
            color: red;
            border-bottom:3px solid red
        }
    }
}   

.main{
    .px2rem(margin-top,174);
    .banner{
        .swiper-container {
            width: 100%;
            height: 100%;
            .swiper-pagination{
                text-align: right;
                
                .swiper-pagination-bullet{
                    background: none;
                    border:1px solid #fff;
                    opacity: 1;
                    width: 5px;
                    height: 5px;
                }
                .swiper-pagination-bullet-active{
                    background: red;
                }
            }
        }
        .swiper-slide {
            text-align: center;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            img{
                width: 100%;
            }
        }
    }
}


.subnav{
    background: #fff;    
    .tips{
        display: flex;
        .px2rem(height,50);
        
        justify-content: space-around;
        align-items: center;
        .px2rem(padding-right,5);
        
        dl{
            display: flex;
            .px2rem(font-size,25);
            
           .iconfont{
                .px2rem(padding-right,5);
                .px2rem(padding-right,5);
                .px2rem(font-size,25);

                color: red;
            }
        }
    }
}
.menu{
    display: flex;
    background: #fff;
    dl{
        .px2rem(padding-top,20);
        .px2rem(padding-bottom,10);
        .px2rem(margin-bottom,50); 
        text-align: center;    
        flex: 1;    
        dt{
            img{
                width: 50%;
            }
        }
        dd{ 
            .px2rem(padding-top,20);
            .px2rem(font-size,20);
        }
    }
}

.ppzz{
    .px2rem(margin-top,30);
    background: #fff;
    border-top:1px solid #ccc;
    h1{
         text-align: center;        
        .px2rem(font-size,25);
        .px2rem(line-height,116);
         border-bottom:1px solid #ccc;
    }
    .szz{
        display: flex;
        flex-wrap: wrap;
            dl{
                .px2rem(padding,35);
                .px2rem(padding-bottom,150);
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                
                box-sizing: border-box;   
                position: relative;
                width: 50%;
            dt{
                position: absolute;
                .px2rem(right,35);
                .px2rem(bottom,25);
                img{
                    width: 100%;
                }
            }
            dd{
                .px2rem(font-size,22);
                
                p{
                .px2rem(line-height,50);
                }
                span{
                    .px2rem(padding-right,10);
                    .px2rem(padding-left,10);
                    
                    background: #cfb693;
                    color: #fff;
                }
            }
        }
    }
   
}
.fl-footer{
    position: fixed;
    bottom:0;
    z-index: 999;
	width: 100%;
	.px2rem(height,100);
	display: flex;
	background: #fafafa;
	justify-content:center;
	box-sizing: border-box;
	border-top: 1px solid #d6d6d6;
		a{
					.px2rem(margin-top,10);            
			flex:1;
			display: flex;
			align-items:center;
			flex-direction:column;
			dl{
                
				dt{
					.px2rem(font-size,40);
				}
				dd{
					.px2rem(margin-top,8);					.px2rem(margin-top,5);
					.px2rem(font-size,20);
					color: #888888;
				}
			}
		}
		.fl-xz{
			color: #a20000;
			dl{
				dd{
					color: #a20000;
				}
			}
		}
	}
.content{
    .px2rem(margin-top,30);
    background: #fff;

    h1{
        text-align: center;
        .px2rem(line-height,80);
        .px2rem(font-size,25);
    }
  

}
.banner{
	img{
		width: 100%;
	}
}
  .cnxh{
    	width: 100%;
		display: flex;
        flex-direction:column;
        background: #fff;
        .gd-top{
			color: #282828;
			.px2rem(font-size,28);
			.px2rem(height,125);
			text-align: center;
			.px2rem(line-height,125);
		}
		.gd-bottom{
			display: flex;
			flex-wrap:wrap;
			justify-content:space-between;
			.px2rem(padding-left,20);
			.px2rem(padding-right,20);
			.gd-a{
				width: 49%;
				.px2rem(padding-bottom,38);
				dl{
					width: 100%;
					.px2rem(border-radius,10);
					dt{
                        background: #f7f7f7;
						img{
							width: 100%;
						}
					}
					dd{
						width: 100%;
						color: #a18d63;
						.px2rem(font-size,25);
						.px2rem(height,72);
						.px2rem(line-height,72);
						background: #f7efe7;
						box-sizing: border-box;
						.px2rem(padding-left,14);
					}
				}
				.gw1{
					.px2rem(margin-top,18);
					span{
						color: #fff;
						.px2rem(margin-left,20);
						.px2rem(font-size,18);
						.px2rem(padding-left,20);
						.px2rem(padding-right,20);
						.px2rem(padding-top,5);
						.px2rem(padding-bottom,5);
						.px2rem(border-radius,4);
					}
					.bp{
						background: #dea24a;
					}
					.bp1{
						background: #e7797b;
					}
					.bp2{
						background: #ceb694;
					}
				}
				.gw2{
					.px2rem(margin-top,18);
					color: #171617;
					.px2rem(font-size,28);
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
				}
				.gw3{
					color: #b52728;
					.px2rem(margin-top,14);
					.px2rem(font-size,22);
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
				}
			}
		}
    }
